<template>
  <p>{{ message }}</p>
  <div v-direct:hello.a.b="message">
      abc
  </div>    
</template>

<script>
import { reactive, toRefs } from '@vue/reactivity'
export default {
    setup () {
        const state = reactive({
            message: '自定义指令钩子函数：'
        })

        return {
            ...toRefs(state)
        }
    }
}
</script>

<style>

</style>